<template>
  <el-container class="h-100">
    <el-aside class="aside-menu" width="180px" style="background-color: #FFFFFF">
      <el-menu class="h-100" background-color="#FFFFFF" text-color="#333333" active-text-color="#1976D2"
        :default-active="$route.name" @select="index => this.$router.push({name: index})">
        <el-menu-item index="policylawslist">
          <svg-icon icon-class="zhengcefagui"></svg-icon>
          <span slot="title">政策法规</span>
        </el-menu-item>
        <el-menu-item index="noticelist">
          <svg-icon icon-class="tongzhigonggao"></svg-icon>
          <span slot="title">通知公告</span>
        </el-menu-item>
        <el-menu-item index="workreport">
          <svg-icon icon-class="gongzuohuibao"></svg-icon>
          <span slot="title">工作汇报</span>
        </el-menu-item>
        <el-menu-item index="remindernotice" v-permission="[4]">
          <svg-icon icon-class="tongzhigonggao"></svg-icon>
          <span slot="title">催办通知</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main class="p-0 h-100">
      <transition name="fade-transform" mode="out-in">
        <!-- <keep-alive> -->
        <router-view />
        <!-- </keep-alive> -->
      </transition>
    </el-main>
  </el-container>
</template>
<script>
export default {
  name: "teamworkmanager",
  title: "多级协同",
  data() {
    return {};
  }
};
</script>
<style lang='scss'>
#user-container {
  > div {
    width: 100%;
  }
}
</style>